<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>banner管理</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/font-awesome.min.css">
    <link rel="stylesheet" href="../../plugins/jqgrid/ui.jqgrid-bootstrap.css">
    <link rel="stylesheet" href="../../plugins/ztree/css/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="../../css/main.css">
    <script src="../../libs/jquery.min.js"></script>
    <script src="../../plugins/layer/layer.js"></script>
    <script src="../../libs/bootstrap.min.js"></script>
    <script src="../../libs/vue.min.js"></script>
    <script src="../../plugins/jqgrid/grid.locale-cn.js"></script>
    <script src="../../plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <script src="../../plugins/ztree/jquery.ztree.all.min.js"></script>
    <script src="../../js/common.js"></script>
</head>
<body>
<div id="rrapp" v-cloak>
    <div id="userinfo" v-if="showInfo">
        <p class="userinfoTitle">基本信息</p>
        <div class="eachUserInfo">
            <span class="userinfoTag">头像：</span><img id="userHead" :src="userinfo.profileimageurl"></img>
        </div>
        <div class="eachUserInfo">
            <span class="userinfoTag">用户名：</span><span>{{userinfo.username}}</span>
        </div>
        <div class="eachUserInfo">
            <span class="userinfoTag">昵称：</span><span>{{userinfo.nickname}}</span>
        </div>
        <div class="eachUserInfo">
            <span class="userinfoTag">手机号：</span><span>{{userinfo.mobile}}</span>
        </div>
        <div class="eachUserInfo">
            <span class="userinfoTag">身份：</span><span>{{userinfo.identity==1?'作者':'签约作者'}}</span>
        </div>
        <div class="eachUserInfo">
            <span class="userinfoTag">蝉币：</span><span>{{userinfo.balance/100}}</span>
        </div>
        <div class="eachUserInfo">
            <span class="userinfoTag">邮箱：</span><span>{{userinfo.email}}</span>
        </div>
        <p class="userinfoTitle">银行账户</p>
        <div class="eachUserInfo">
            <span class="userinfoTag">银行卡：</span><span class="bankNumber">{{bankCard}}</span>
            <a v-if="hasPermission('sys:comment:save')" class="btn btn-primary btn-sm" @click="bindCard"><i class="fa fa-edit"></i>&nbsp;{{bankCardBtn}}</a>
        </div>
    </div>
    <div id="bindCard" v-else>
        <div class="panel panel-default">
            <div class="panel-heading">{{title}}</div>
            <form class="form-horizontal">
                <div class="form-group">
                    <div class="col-sm-2 control-label">姓名：</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control"  placeholder="请输入姓名" v-model="name" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">银行卡号：</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control"  placeholder="请输入银行卡号" v-model="bankcardnum" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">银行预留手机号：</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control"  placeholder="请输入手机号" v-model="mobile" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">验证码：</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control"  placeholder="请输入手机验证码" v-model="code"/>
                        <span class="btn btn-success" @click="getCode">{{codeWord}}</span>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">身份证号码：</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control"  placeholder="请输入身份证号码" v-model="idNum"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label"></div>
                    <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                    &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                </div>
            </form>
        </div>
    </div>

</div>
<script src="../../js/modules/sys/personinfo.js"></script>
</body>
</html>